<template>
	<view class="pages" v-if="detaile_info">
		<view class="main">
			<view class="tab_list">
				<u-tabs :list="tab_list" @click="click" :current="current"
					:itemStyle="{height:'86rpx',fontSize:'30rpx',fontWeight: 'bold'}" lineColor="#FF7612" lineWidth="40"
					lineHeight="6" :activeStyle="{color:'#FF7612'}"></u-tabs>
			</view>
			<view class="main_botton">
				<view class="u-flex u-flex-between item_top">
					<view class="u-flex-y-center">
						<text>ID:{{detaile_info.userId}}</text>
						<view class="sex">
							<image :src="`${$http_cos}${detaile_info.sex=='男'?'/static/boy':'/static/%E5%A5%B3'}.png`"
								mode="heightFix"></image>
						</view>
					</view>
					<text>“{{detaile_info.descriptiveDescription}}”</text>
				</view>
				<view class="detail_list u-flex u-flex-wrap" v-if="detaile_info.title&&detaile_info.title.length>0">
					<view class="detail_item" v-for="(item,index) in detaile_info.title" :key="index">
						<text>{{item}}</text>
					</view>
				</view>
				<view class="line"></view>
				<view>
					<view class="label u-flex-x-center">
						<view class="point"></view>
						<text>一问一答</text>
					</view>
					<view class="l_height_warp">
						<view class="u-flex-between u-flex left_or_right">
							<text>是否单亲家庭</text>
							<text>{{detaile_info.oneParentFamily}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>父母会参与感情还是完全自主？</text>
							<text>{{detaile_info.emotionalAutonomy}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>能否接受对方有婚史</text>
							<text>{{detaile_info.canAcceptMarriageHistory}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right" v-if="detaile_info.canAcceptMarriageHistory=='能'">
							<text>接受程度</text>
							<text>{{detaile_info.acceptance}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方抽烟</text>
							<text>{{detaile_info.sheSmoking}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方喝酒</text>
							<text>{{detaile_info.sheDrinking}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方是单亲家庭</text>
							<text>{{detaile_info.sheOneParentFamily}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方养宠物</text>
							<text>{{detaile_info.sheKeepPets}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方有兄弟或姐妹</text>
							<text>{{detaile_info.sheBrotherOrSister}}</text>
						</view>
						<view class="u-flex-between u-flex left_or_right">
							<text>是否介意对方宗教信仰和自己家庭不同</text>
							<text>{{detaile_info.sheReligiousBelief}}</text>
						</view>
					</view>
					<view class="label u-flex-x-center">
						<view class="point"></view>
						<text>理想对象</text>
					</view>

					<view class="u-flex-between u-flex left_or_right">
						<text>希望对方身高</text>
						<text>{{detaile_info.sheHeight}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>希望对方年龄</text>
						<text>{{detaile_info.sheAge}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>接受对方学历最低是</text>
						<text>{{detaile_info.sheEducation}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>希望对方体制内还是上班/经商型</text>
						<text>{{detaile_info.sheInSystemOrBusiness}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>希望对方婚房情况</text>
						<text>{{detaile_info.sheWeddingRoom}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>希望对方车辆情况</text>
						<text>{{detaile_info.sheVehicle}}</text>
					</view>
					<view class="u-flex-between u-flex left_or_right">
						<text>你及你家人希望Ta是</text>
						<text></text>
					</view>
					<view class="text_field">
						<text>{{detaile_info.sheType}}</text>
					</view>
					<view class="line" style="margin-bottom:20rpx;"></view>
					<text class="title">照片</text>
					<view v-if="detaile_info.isUnlock" class="u-flex u-flex-wrap photo">
						<u-album :urls="get_srcs(detaile_info.frontalView)" multipleSize="205" space="15" keyName="url">
						</u-album>
					</view>
					<view class="photograph u-flex-column u-flex-center" v-else>
						<image :src="`${$http_cos}/static/%E8%A7%A3%E9%94%81.png`"></image>
						<text class="xieyi">为了保护会员隐私以及遵从会员与线下门店 的合同约定，只有线下会员才能解锁</text>
						<view class="unlock_look" @click="unlock_look">
							<text>解锁查看</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view v-if="user_info.isMatchmaker==1" class="main Matchmaker_main">
			<view class="Matchmaker_pd">
				<text class="title">权限</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<view class="u-flex" style="align-items: center;">
					<text>姓名：{{detaile_info.fullName}}</text>
					<view class="copy_img" @click="copy(detaile_info.fullName)">
						<image src="https://hl-1316403513.cos.ap-shanghai.myqcloud.com/static/%E5%A4%8D%E5%88%B6ID.png" ></image>
					</view>
				</view>
				<text>农历生辰：{{detaile_info.nlBirthday}}</text>
			</view>
			<view class="introductory">
				<text>权限：{{detaile_info.memberName}} @{{detaile_info.matchmakerUid}}({{detaile_info.startTime}}/{{detaile_info.endTime}})</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<text>自己或直系亲属有无刑事案底</text>
				<text class="gray">{{detaile_info.criminalCaseBottom}}</text>
			</view>
			<view class="u-flex u-flex-between introductory">
				<text>(满分10分)给自己综合打几分</text>
				<text class="gray">{{detaile_info.fraction}}分</text>
			</view>
			<view class="u-flex u-flex-between wechat_warp">
				<text>{{detaile_info.wechat}}</text>
				<view class="copy u-flex" @click="copy(detaile_info.wechat)">
					<text>复制</text>
				</view>
			</view>
		</view>
		<view style="height:140rpx;width:100%;" v-if="status!=4"></view>
		<view class="inquiry_warp" v-if="status!=4&&user_info.isMatchmaker==1">
			<view class="u-flex u-flex-around inquiry_warps" v-if="status==0||status==1">
				<view class="u-flex inquiry" @click="inquiry">
					<image :src="`${$http_cos}${status==1?'/static/3%20%283%29':'/static/2%20%284%29'}.png`"></image>
					<text>已询问</text>
				</view>
				<view class="inquiry_result u-flex" @click="query_result()">
					<text>询问结果</text>
				</view>
			</view>
			<view v-else-if="status==2" style="height:100%;">
				<view v-if="result=='(有意向)待推送'" class="btn1 intention_btn u-flex-xy-center"
					@click="ask_Results('(有意向)已推送')">
					<text>(有意向)待推送</text>
				</view>
				<view v-else-if="result=='(不合适)待告知'" class="btn1 intention_btn u-flex-xy-center"
					@click="ask_Results('(不合适)已告知')">
					<text>(不合适)待告知</text>
				</view>
			</view>
			<view v-else-if="status==-1" style="height:100%;">
				<view class="btn1 not_intention_btn u-flex-xy-center">
					<text>(不合适)已告知</text>
				</view>
			</view>
			<view style="height:100%;" v-else-if="status==3">
				<view class="u-flex u-flex-between">
					<view class="u-flex-xy-center pay_return btn2" v-if="status==3" @click="ask_Results('需再次回访')">
						<text>需再次回访</text>
					</view>
					<view class="u-flex-xy-center no_succeed btn2" @click="ask_Results('没成功')">
						<text>没成功</text>
					</view>
					<view class="u-flex-xy-center fail_love btn2" @click="ask_Results('恋爱')">
						<text>恋爱</text>
					</view>
					<!-- <view class="u-flex-xy-center succeed btn2" @click="ask_Results('成功幸福')">
						<text>幸福</text>
					</view> -->
				</view>
			</view>
			<view style="height:100%;" v-else-if="status==5||status==6||status==10">
				<view class="u-flex u-flex-between" style="height:100%;">
					<view class="u-flex-center" :class="(status==6||status==10)?'u-flex-around u-flex u-flex-1':'u-flex-column'">
						<view class="pitch_on u-flex"
							@click="set_Cost(1,Match_info.inquiryUserIdMatchUid)">
							<image
								:src="get_img(Match_info.inquiryUserIdMatchUid,Match_info.userIdMatchCost,Match_info.userCost)">
							</image>
							<text>红娘{{Match_info.inquiryUserIdMatchUid}}{{Match_info.userIdMatchCost}}</text>
						</view>
						<view class="pitch_on u-flex" @click="set_Cost(2,Match_info.userIdMatchUid)">
							<image
								:src="get_img(Match_info.userIdMatchUid,Match_info.userCost,Match_info.userIdMatchCost)">
							</image>
							<text>红娘{{Match_info.userIdMatchUid}}{{Match_info.userCost}}</text>
						</view>
					</view>
					<view class="u-flex u-flex-around u-flex-1" v-if="status==5">
						<view class="u-flex-xy-center fail_love btn2" @click="ask_Results('分手了')">
							<text>分手</text>
						</view>
						<view class="u-flex-xy-center succeed btn2"
							v-if="Match_info.userIdMatchCost=='已收恋爱基金'&&Match_info.userCost=='已收恋爱基金'" @click="ask_Results('幸福')">
							<text>幸福</text>
						</view>
						<view class="u-flex-xy-center not_succeed btn2" v-else>
							<text>幸福</text>
						</view>
					</view>
				</view>
			</view>
		</view>
		<u-popup :show="gui_window" @close="gui_window=false" :safeAreaInsetBottom="safeAreaInsetBottom" mode="center"
			round="20">
			<view class="gui_windows">
				<view class="title">
					<text>询问结果</text>
				</view>
				<view class="windows_item u-flex-x-center" @click="is_intention=index"
					:class="is_intention==index?'is_intention':''" v-for="(item,index) in intention_list" :key="index">
					<text>{{item.name}}</text>
				</view>
				<view class="u-flex-between u-flex btn_warp">
					<view class="u-flex-xy-center btn cancel" @click="gui_window=false">
						<text>取消</text>
					</view>
					<view class="u-flex-xy-center btn config" @click="gui_window=false;submit()">
						<text>确定</text>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		mutualDetails,
		addCollect,
		delCollect,
		getUserInfo,
		asked,
		askResults,
		setCost
	} from '@/common/api.js'
	const app = getApp();
	export default {
		data() {
			return {
				result: '',
				safeAreaInsetBottom: false,
				is_intention: 0,
				intention_list: [{
					name: '有意向',
					title: '(有意向)待推送'
				}, {
					name: '不合适',
					title: '(不合适)待告知'
				}],
				current: 0,
				status: 0,
				tab_list: [{
					name: '申请人',
				}, {
					name: '要询问的人'
				}],
				safeAreaInsetBottom: false,
				gui_window: false,
				user_info: {},
				is_look: false,
				showConfirmButton: true,
				showCancelButton: true,
				title: '温馨提示',
				content: `<div style="text-align:center;font-size:30rpx"><div>本日解锁次数已达上限</div>
						<div>联系红娘提升权限获取更多机会<div></div>`,
				show: false,
				is_collect: false,
				$http_cos: app.$http_cos,
				detaile_info: {},
				id: '',
				bartitle: '',
				Match_info: {}
			}
		},
		onLoad(option) {
			this.id = option.id
			this.bartitle = option.title + '详情'
			if (uni.getStorageSync('access_token')) {
				this.get_UserInfo()
				this.mutual_Details()
				
			} else {
				uni.navigateTo({
					url: '/pages/guide/index'
				})
			}
		},
		onShow() {
			uni.setNavigationBarTitle({
				title: this.bartitle
			})
			this.$wxShare(0)
		},
		methods: {
			get_img(it,it1,it2){
				let url='https://hl-1316403513.cos.ap-shanghai.myqcloud.com/static/select/'
				let canshu=this.user_info.userId==it?(it1=='未收恋爱基金'||it1=='未收谢媒费')?'%E5%8F%AF%E6%93%8D%E4%BD%9C%E6%9C%AA%E6%89%93%E5%8B%BE.png':'%E5%8F%AF%E6%93%8D%E4%BD%9C%E6%89%93%E5%8B%BE.png':(it2=='未收恋爱基金'||it2=='未收谢媒费')?'%E7%81%B0%E8%89%B2%E6%9C%AA%E6%89%93%E5%8B%BE.png':'%E7%81%B0%E8%89%B2%E6%89%93%E5%8B%BE.png'
				
				return url+canshu
			},
			set_Cost(type,item){
				if(this.status==10){
					return
				}
				if(this.user_info.userId!=item){
					return uni.$u.toast('不能改变别的红娘收钱状态')
				}
				let content=''
				
				if(type==1){
					content=this.Match_info.userIdMatchCost=='未收恋爱基金'?'已收恋爱基金':'未收恋爱基金'
				}else if(type==2){
					content=this.Match_info.userCost=='未收恋爱基金'?'已收恋爱基金':'未收恋爱基金'
				}
				let that=this
				this.$Cmessage({showModel:true,showCancel:true,content:'是否'+content+'?',maskcloseAble:true}, {
				//确认
					emitBtn () {
						let data = {
							id:that.id,
							userCost:type==2?content:that.Match_info.userCost,
							userIdMatchCost:type==1?content:that.Match_info.userIdMatchCost
						}
						setCost(data, {
							custom: {
								auth: false,
								toast: false,
								catch: false
							}
						}).then((r) => {
							that.mutual_Details()
						}).catch((err) => {
						
						})
					},
					//取消
					emitClose() {
						console.log('用户点击取消');
					},
				});
				
			
			},
			
			query_result() {
				if (this.status == 0) {
					return uni.$u.toast('请先询问')
				}
				this.gui_window = true;
			},
			submit() {
				this.ask_Results(this.intention_list[this.is_intention].title)
			},
			ask_Results(result) {
				let data = {
					id: this.id,
					result: result
				}
				askResults(data, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((r) => {

					this.mutual_Details()
					this.return_beforePage()
					setTimeout(() => {
						uni.navigateBack()
					}, 500)
					// this.status=true
				}).catch((err) => {

				})
			},
			inquiry() {
				if (this.is_agrees) return;
				let data = {
					id: this.id,
				}
				asked(data, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((r) => {
					uni.$u.toast('已询问')
					this.mutual_Details()
					this.return_beforePage()
					// this.status=true
				}).catch((err) => {

				})

			},
			return_beforePage() {
				let pages = getCurrentPages()
				if (pages.length > 0) {
					let beforePage = pages[pages.length - 2]
					// #ifdef H5
					// beforePage._data.current=1
					beforePage.init()
					// #endif
					// #ifndef H5
					// beforePage.$vm._data.current=1
					beforePage.$vm.init()
					// #endif
				}
			},
			click(e) {
				if (e.index == this.current) return;
				this.current = e.index
				this.page = 1
				this.proData = []
				this.mutual_Details()
			},
			get_srcs(it) {
				let text =
					"aHR0cDovL2hsLTEzMTY0MDM1MTMuY29zLmFwLXNoYW5naGFpLm15cWNsb3VkLmNvbS9iLnBuZw/dissolve/52/dx/0/dy/220/gravity/center/scatype/1/spcent/428"
				let arr = JSON.parse(it)
				let array = []
				arr.forEach(item => {

					if (item.message != '上传中') {
						if (item.url.indexOf('?') > -1) {
							item.url = item.url + '|watermark/1/image/' + text
						} else {
							item.url = item.url + '?watermark/1/image/' + text + '|imageMogr2/thumbnail/400x'
						}
						array.push(item)
					}
				})
				return array
			},
			get_UserInfo() {
				getUserInfo({
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((r) => {
					this.user_info = r
				}).catch((err) => {

				})
			},

			copy(item) {
				uni.setClipboardData({
					data: item,
					success: () => {
						uni.showToast({
							icon: 'none',
							title: '复制成功'
						});
					}
				});
			},
			collect() {
				try {
					if (uni.getStorageSync('access_token')) {
						let data = {
							collectUserId: this.id
						}
						let flag = this.is_collect
						flag = !flag
						if (flag == true) {
							addCollect(data, {
								custom: {
									auth: false,
									toast: false,
									catch: false
								}
							}).then((result) => {
								this.mutual_Details()
							}).catch((err) => {

							})
						} else {
							delCollect(data, {
								custom: {
									auth: false,
									toast: false,
									catch: false
								}
							}).then((result) => {
								this.mutual_Details()
							}).catch((err) => {

							})
						}
					} else {
						uni.navigateTo({
							url: '/pages/guide/index'
						})
					}

				} catch (e) {
					//TODO handle the exception
				}
			},
			unlock_look() {
				try {
					if (uni.getStorageSync('access_token')) {
						this.show = true
						this.is_look = true
						this.content = '是否确认解锁？'

					} else {
						uni.navigateTo({
							url: '/pages/guide/index'
						})
					}
				} catch (e) {
					//TODO handle the exception
				}
			},
			mutual_Details() {
				let data = {
					params: {
						type: this.current,
						inquiryId: this.id
					}
				}
				mutualDetails(data, {
					custom: {
						auth: false,
						toast: false,
						catch: false
					}
				}).then((result) => {
					this.detaile_info = result.info
					this.status = result.status
					this.result = result.result
					this.Match_info = result
				}).catch((err) => {

				})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.pages {
		padding: 24rpx 24rpx 0;
		box-sizing: border-box;
		// margin-bottom: 140rpx;

		.detail_img {
			width: 702rpx;
			height: 800rpx;
			border-radius: 20rpx;
			overflow: hidden;
			margin-bottom: 20rpx;
		}

		.main {

			background-color: #fff;
			border-radius: 20rpx;
			margin-bottom: 20rpx;

			.tab_list {
				position: relative;

				/deep/.u-tabs__wrapper__nav__item {
					flex: 1;

				}

				/deep/.u-tabs__wrapper__nav__line {
					bottom: 0;
				}

				&::after {
					content: '';
					width: 100%;
					height: 2rpx;
					background: #EEEEEE;
					transform: scaleY(.5);
					position: absolute;
					bottom: 0;
					left: 0;
				}
			}

			&.Matchmaker_main {
				padding: 0 22rpx 34rpx;
				box-sizing: border-box;

				.introductory {
					line-height: 52rpx;
					.copy_img{
						width: 32rpx;
						height:32rpx;
						margin-left: 16rpx;
						image{
							width:100%;
							height:100%;
						}
					}
				}
				
				.Matchmaker_pd {
					padding: 31rpx 0;
					box-sizing: border-box;
					text {
						font-weight: bold;
						font-size: 30rpx;
					}
				}

				text {
					font-size: 28rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #111111;
				}

				.gray {
					color: #878787;
				}

				.wechat_warp {
					background: #FFFFFF;
					border: 2rpx solid #EEEEEE;
					border-radius: 16rpx;
					height: 100rpx;
					padding: 0 34rpx;
					align-items: center;
					margin-top: 20rpx;

					.copy {
						width: 140rpx;
						height: 68rpx;
						background: #FFEEE2;
						border-radius: 34rpx;
						align-items: center;
						justify-content: center;

						text {
							color: #FF7612;
							font-size: 30rpx;
						}
					}
				}
			}

			.main_botton {
				padding: 0 28rpx 40rpx;
				box-sizing: border-box;


				.text_field {
					padding: 24rpx;
					box-sizing: border-box;
					background: #FFFFFF;
					border: 2rpx solid #F3F3F5;
					border-radius: 12rpx;

					text {
						font-size: 28rpx;
						font-family: Microsoft YaHei;
						font-weight: 400;
						color: #878787;
					}
				}

				.item_top {
					padding: 47rpx 0rpx 40rpx 0rpx;
					box-sizing: border-box;

					text {
						font-weight: 400;

						&:first-child {
							font-size: 34rpx;
							;
							color: #000000;
						}

						&:last-child {
							color: #FF7612;
							font-size: 28rpx;
						}
					}

					.sex {
						width: auto;
						height: 28rpx;
						margin-left: 8rpx;
					}
				}
			}

		}

		.line {
			width: 100%;
			height: 2rpx;
			background: #EEEEEE;
			transform: scaleY(.5);
			margin: 48rpx 0;
		}

		.detail_list {
			margin-bottom: 66rpx;

			.detail_item {
				margin-right: 8rpx;
				min-width: 103rpx;
				line-height: 58rpx;
				text-align: center;
				background: #F3F3F5;
				border-radius: 10rpx;
				margin-bottom: 8rpx;
				padding: 0 21rpx;
				box-sizing: border-box;

				text {
					font-size: 28rpx;
					color: #111111;
				}
			}
		}

		.label {
			padding: 0 24rpx 0 24rpx;
			box-sizing: border-box;
			height: 56rpx;
			width: 184rpx;
			align-items: center;
			background: #FFECDE;
			border-radius: 28rpx;

			.point {
				width: 20rpx;
				height: 20rpx;
				background: #FF7612;
				border-radius: 10rpx;
				margin-right: 3rpx;
			}

			text {
				color: #FF7612;
				font-size: 26rpx;
				font-weight: bold;
			}
		}

		.l_height_warp {
			margin-bottom: 8rpx;

		}

		.left_or_right {
			line-height: 80rpx;

			text {
				font-size: 28rpx;

				&:first-child {
					color: #111111;
				}

				&:last-child {
					color: #878787;
				}
			}
		}

		.title {
			font-weight: bold;
			font-size: 30rpx;
		}

		.photo {
			margin-top: 30rpx;

			/deep/ .u-album__row__wrapper {
				border-radius: 20rpx;
				overflow: hidden;
			}
		}

		.photograph {
			width: 100%;
			height: 420rpx;
			background: #747884;
			border-radius: 20rpx;
			align-items: center;
			margin: 30rpx 0 0rpx;

			.xieyi {
				padding: 31rpx 0 56rpx;
				box-sizing: border-box;
			}

			text {
				width: 531rpx;
				font-size: 28rpx;
				text-align: center;
				color: #fff
			}

			.unlock_look {
				width: 295rpx;
				text-align: center;
				line-height: 88rpx;
				height: 88rpx;
				border: 2rpx solid #fff;
				background-color: #7E828E;
				border-radius: 44rpx;

				text {
					font-size: 32rpx;
				}
			}

			image {
				width: 32rpx;
				height: 34rpx;
			}
		}


		.btn {
			width: 500rpx;
			height: 92rpx;
			text-align: center;
			line-height: 92rpx;
			margin: 0 auto;

			&.cancel {
				background: #F6F6F6;
				color: #111111;
				width: 278rpx;
			}

			&.see {
				background: #FF7612;
				color: #fff;
			}

			&.submit {
				background: #FF7612;
				color: #fff;
				width: 278rpx;
			}
		}

		.gui_windows {
			width: 650rpx;
			height: 540rpx;
			padding: 0 36rpx 0rpx;
			text-align: center;

			.title {
				padding: 55rpx 0 48rpx;
				box-sizing: border-box;

				text {
					font-size: 34rpx;
					font-family: Microsoft YaHei;
					font-weight: bold;
				}
			}

			.windows_item {
				height: 98rpx;
				background: #FFFFFF;
				border: 2rpx solid #D9D9D9;
				border-radius: 20rpx;
				align-items: center;
				margin-bottom: 24rpx;

				text {
					font-size: 30rpx;
					color: #111111;
				}

				&.is_intention {

					border: 2rpx solid #FF7612;

					text {
						color: #FF7612;
					}
				}

				// &:last-child{
				// 	margin-bottom:45rpx;
				// }
			}

			.btn_warp {
				padding: 20rpx 0;
				box-sizing: border-box;

				.btn {
					width: 277rpx;
					height: 90rpx;
					border-radius: 45rpx;

					// padding:20rpx 0;
					text {
						font-size: 30rpx;
					}

					&.cancel {
						background-color: #F6F6F6;

						text {
							color: #111111;
						}
					}

					&.config {
						background-color: #FF7612;

						text {
							color: #FFFFFF;
						}
					}
				}
			}

		}

		.inquiry_warp {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			height: 140rpx;
			background-color: #fff;
			padding: 24rpx;
			box-sizing: border-box;

			.inquiry_warps {
				align-items: center;

				.inquiry {
					image {
						width: 36rpx;
						height: 36rpx;
						margin-right: 16rpx;
					}

					text {
						font-size: 30rpx;
						font-weight: 400;
					}
				}
			}

			.inquiry_result {
				width: 328rpx;
				height: 92rpx;
				background: #FF7612;
				border-radius: 20rpx;
				align-items: center;
				justify-content: center;

				text {
					font-size: 30rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #FFFFFF;
				}
			}

			.btn1 {
				width: 100%;
				height: 100%;
				border-radius: 20rpx;

				&.intention_btn {
					background-color: #FF7612;
				}

				text {
					font-size: 30rpx;
					font-family: Microsoft YaHei;
					font-weight: 400;
					color: #fff
				}

				&.not_intention_btn {
					background-color: #AAAAAA;

				}
			}

			.btn2 {

				height: 92rpx;
				border-radius: 20rpx;

				text {
					font-size: 30rpx;
				}

				&.pay_return {
					border: 2rpx solid #FF7612;
					background: #FFFFFF;
					width: 180rpx;

					text {
						color: #FF7612;

					}
				}

				&.no_succeed {
					width: 152rpx;
					background: #FF7612;

					text {
						color: #fff;
					}
				}

				&.fail_love {
					width: 152rpx;
					background: #FF3E66;
					text {
						color: #fff;
					}
				}

				&.succeed {
					width: 152rpx;
					background: #FF0000;

					text {
						color: #fff;

					}
				}

				&.not_succeed {
					width: 152rpx;
					background: #aaaaaa;

					text {
						color: #fff;

					}
				}
			}
		}

		.pitch_on {
			align-items: center;

			image {
				width: 36rpx;
				height: 36rpx;
				margin-right: 14rpx;
			}
		}
	}
</style>
